html,
body,
#app {
	height: 100%;
}
input {
	outline: none;
}
body {
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}

.right-content {
	background: #FFF;
 
	box-shadow:  0 0 15px rgba(106, 110, 145, 0.2);
}
.ask-bg {
	background: #484aa1;
	color: #FFF;
	border-radius: 12px 0 12px 12px;
}

.answer-bg {
	background:#f1f0f6;
	color: #333;
	border-radius: 0 12px 12px 12px;
}
 .left-bar {
	position: relative;


 }
body {
	.left-bar-content {
		background-color: #484aa1;
	 
		box-shadow:  0 0 15px rgba(106, 110, 145, 0.2);
		z-index:-1;
	
	 }
	 .left-bar-content-in {
		padding-right: 40px;
	 }


}

.button-active {
	color: #484aa1;
    background:#fff;
}
.newChatButton {
	background:#32337e;
	color: rgba(255,255,255,0.8);
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.375rem;
}

.topic-list-button {
	color: rgba(255,255,255,0.8);
	background: #3e4094;
	border-radius: 0.375rem;
}

.left-bar-bottom {
	background:#4f51a7;
}

.submit-btn {
	display: flex;
	width: 60px;
	justify-content: center;
	align-items: center;
	color: #fff;
	height: 35px;
	background:#4f51a7;
	border-radius: 3px;
}

.input-fill {
	height: 35px;
	width: 100%;
	background: rgb(245 245 245);
	border-radius: 3px;
}

.admin-text {
	color: #fff;
}